﻿<!DOCTYPE html>
<html lang="zxx">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <meta content="" name="description">
        <meta content="" name="keywords">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="HandheldFriendly" content="true">
        <meta content="telephone=no" name="format-detection">
        <!-- favicon -->
        <link rel="shortcut icon" type="image/png" href="favicon.png" />
        <!--[if (gt IE 9)|!(IE)]><!-->
        <!-- custom CSS -->
        <link href="css/main.css" rel="stylesheet" type="text/css" />
        <!-- END custom CSS -->
        <!--<![endif]-->
        <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
            <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
            <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
        <![endif]-->
        <title>404 Page</title>
    </head>
    <body>
        <div class="wrapper-sticky-footer">
            <div class="content-sticky">
                <!-- Header -->
                <header id="header" class="header">
                    <div class="header__top">
                        <div class="container">
                            <div class="row">
                                <div class="col-sm-3">
                                    <div class="wrap-logo">
                                        <a href="index.html" class="logo"></a>
                                    </div>
                                </div>
                                <div class="col-sm-offset-2 col-md-offset-5 col-sm-6 col-md-4 hidden-xs">
                                    <div class="col-xs-4 col-sm-5">
                                        <div class="weather">
                                            <div class="weather__temperature">
                                                <span class="icon-sun"></span>
                                                <em class="active">+8 C</em>
                                                <em>+2 C</em>
                                                <em>+3 C</em>
                                            </div>
                                            <div class="weather__city">
                                                <em>London</em>
                                                <div class="weather__city__list">
                                                    <ul>
                                                        <li class="active">
                                                            <a href="#">London</a>
                                                        </li>
                                                        <li>
                                                            <a href="#">Moscow</a>
                                                        </li>
                                                        <li>
                                                            <a href="#">Kiev</a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xs-6 col-sm-7">
                                        <div class="exchange">
                                            <p class="exchange__name">Central Bank Rate</p>
                                            <p class="exchange__course">
                                                $<span>32.32</span>&#8364;<span>28.23</span>
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="wsmenucontent overlapblackbg"></div>
                    <div class="wsmenuexpandermain slideRight">
                        <a id="navToggle" class="animated-arrow slideLeft">
                            <span></span>
                        </a>
                    </div>
                    <div class="header_down">
                        <div class="container">
                            <div class="wrapper clearfix bigmegamenu">
                                <!--Main Menu HTML Code-->
                                <nav class="wsmenu slideLeft clearfix">
                                    <ul class="mobile-sub wsmenu-list">
                                        <li class="visible-xs">
                                            <form class="navbar-form mob_search" role="search">
                                                <div class="form-group">
                                                    <input type="text" class="form-control" placeholder="Search">
                                                </div>
                                                <button type="submit" class="btn btn-search">
                                                    <i class="icon-search"></i>
                                                </button>
                                            </form>
                                        </li>

                                        <li class="active">
                                            <span class="wsmenu-click"></span>
                                            <a href="index.html">Home</a>
                                        </li>
                                        <li>
                                            <span class="wsmenu-click"></span>
                                            <a href="category.html">Policy</a>
                                        </li>
                                        <li>
                                            <span class="wsmenu-click"></span>
                                            <a href="category.html">Sport</a>
                                        </li>
                                        <li>
                                            <span class="wsmenu-click"></span>
                                            <a href="category.html">Holidays</a>
                                        </li>
                                        <li>
                                            <span class="wsmenu-click"></span>
                                            <a href="category.html">Religion</a>
                                        </li>
                                        <li>
                                            <span class="wsmenu-click"></span>
                                            <a href="category.html">People</a>
                                        </li>
                                        <li>
                                            <span class="wsmenu-click"></span>
                                            <a href="category.html">Main</a>
                                        </li>
                                        <li>
                                            <span class="wsmenu-click"></span>
                                            <a href="">Other
										        <span class="arrow"></span>
			                                </a>
                                            <ul class="wsmenu-submenu">
                                                <li>
                                                    <a href="404.html">404 page</a>
                                                </li>
                                                <li>
                                                    <a href="category.html">Category page</a>
                                                </li>
                                                <li>
                                                    <a href="news.html">News page</a>
                                                </li>
                                                <li>
                                                    <a href="search-result.html">Search result</a>
                                                </li>
                                                <li>
                                                    <a href="full-width.html">Full width</a>
                                                </li>
                                            </ul>
                                        </li>
                                        <li class="navbar-right hidden-xs">
                                            <form class="navbar-form " role="search">
                                                <div class="form-group">
                                                    <input type="text" class="form-control" placeholder="Search">
                                                </div>
                                                <button type="submit" class="btn btn-search">
                                                    <i class="icon-search"></i>
                                                    <br>Search
                                                </button>
                                            </form>
                                        </li>
                                        <li>
                                            <div class="visible-xs col-sm-offset-5 col-sm-4">
                                                <div class="col-sm-5">
                                                    <div class="weather">
                                                        <div class="weather__temperature">
                                                            <span class="icon-sun"></span>
                                                            <em>+8 C</em>
                                                        </div>
                                                        <div class="weather__city">
                                                            <em>London</em>
                                                            <div class="weather__city__list">
                                                                <ul>
                                                                    <li class="active">
                                                                        <a href="#">London</a>
                                                                    </li>
                                                                    <li>
                                                                        <a href="#">Moscow</a>
                                                                    </li>
                                                                    <li>
                                                                        <a href="#">Kiev</a>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-sm-7">
                                                    <div class="exchange">
                                                        <p class="exchange__name">Central Bank Rate</p>
                                                        <p class="exchange__course">
                                                            $<span>32.32</span>&#8364;<span>28.23</span>
                                                        </p>
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                    </ul>
                                </nav>
                                <!--Menu HTML Code-->
                            </div>
                        </div>
                    </div>
                </header>
                <!-- END header -->
                <!-- Content-->
                <div class="wrap-error">
                    <div class="error clearfix">
                        <div class="error__left">
                            <p class="error__text">404</p>
                        </div>
                        <div class="error__right">
                            <div class="error__head">Page not found...</div>
                            <p class="error__text">We're sorry, but we can't find the page you were looking for. It's probably some thing we've done wrong but now we know about it we'll try to fix it. In the meantime, try one of this options:</p>
                            <ul class="error__list">
                                <li>
                                    <a href="#" class="link">Go back to previous page</a>
                                </li>
                                <li>
                                    <a href="index.html" class="link">Go to homepage</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <!-- END content-->
            </div>
            <!-- Footer -->
            {include file="public/footer"}
        </div>
        <!-- END Footer -->
        <!-- All JavaScript libraries -->
    </body>
</html>

